import FooterPage from "@/components/footer-page";

export default {
  components: {
    FooterPage,
  },
  data() {
    return {
      // 当前页码数
      currentPage: 1,
      // 一页多少条
      pageSize: 15,
      // 数据
      totalTableData: [],
      // 数据
      tableData: [],
    };
  },
  computed: {
    total() {
      return this.totalTableData.length;
    },
  },
  methods: {
    /**
     * 初始化列表数据
     */
    initTableData() {
      this.setTableData();
    },
    /**
     * 设置列表数据
     */
    setTableData() {
      this.tableData = [...this.totalTableData].splice(
        (this.currentPage - 1) * this.pageSize,
        this.pageSize
      );
    },
    /**
     * 分页器的点击事件
     * @return {Number} 一页多少条数据
     */
    handleSizeChange(val) {
      // 返回第一页
      this.currentPage = 1;
      this.pageSize = val;
      this.setTableData();
    },
    /**
     * 切换页码的点击事件
     * @param  {Number} val 当前点击的页码
     */
    handleCurrentChange(val) {
      this.currentPage = val;
      this.setTableData();
    },
  },
};
